
body{
	position: relative;
	background: #efefef;
}
.content_left {	
	max-width:89%;
	min-width:600px;
	overflow: hidden;
	margin-right: 125px;
}
.content_right {
    height: 100%;
	min-width:10%;
	max-width: 120px;
	border:1px solid #DDDDDD;
	background-color:#fff;
	overflow: hidden;
	position: absolute;
	top:0;
	right:1px;
}
.pannel01 {
    width: 49.5%;
	min-width: 300px;
	border: 1px solid #ddd;
	height: 250px;
	overflow: hidden;
	background-color: #fff;
}
/*.mywork{
	margin-right: 1%;
}*/

.title {
	width: 100%;
	border-bottom: 2px solid #ddd;
	padding: 0 10px;
	overflow: hidden;
}

.title h1 {
	color:#333;
	float: left;
	line-height: 30px;
	display: block;
	position: relative;
}

.title img {
	margin-right: 4px;
	display: block;
	padding-top: 6px;
	float:left;
}

.title span{
	display: block;
}
.more{
	
}
.badges {
	border: 1px solid #ff7575;
	padding: 0px 6px;
	font-size: 0.86em;
	text-align: center;
	border-radius:8px;
	display: inline-block;
	margin-left: 5px;
	margin-top:3px;
	float:left;    
}

.items {
	font-size: 0.86em;
	padding: 10px 10px;
	overflow: hidden;
}

.items li {
	height: 28px;
	overflow: hidden;
}

.item li a {
	display: inline-block;
	overflow: hidden;
}
.main_item {
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 82%;
	text-align: left;
	overflow: hidden;
	margin-right: 1%;
	vertical-align: middle;
}
.items li span {
	line-height: 2.2em;
	display: inline-block;
}

.front_word {
	color: #42ba56;
	padding-right: 2px;
}

.date {
	text-align: right;
	color: #999;
	text-overflow: ellipsis;
	width: 17%;
	vertical-align: middle;
}

.content_right span{
	width: 100%;
	display: block;
	padding-top:35px;
	text-align: center;	
}
.content_right a{
	display: inline-block;
	width: 80%;
	text-align: center;
	word-break: break-word;
}

.content_right a:hover{
	color:#3b95e9;
}
.content_right img{
	display: block;
	margin: 0 auto;
	margin-bottom: 5%;
}

.pannel02{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	margin-top:10px;
	border:1px solid #DDDDDD;
	overflow: hidden;
}

.pannel02 tab{
	width: 100%;
	overflow: hidden;
	
}
.tab ul{
	overflow: hidden;
	border-bottom: 2px solid #DDDDDD;
	position: relative;
}
.tab ul li {
	float: left;
	width:150px;
	height: 40px;
	position: relative;
	line-height: 40px;
	text-align: center;
}
.highlight{
	width:150px;
	border-bottom: 4px solid #ff6e5f;
}

.charts_title{
	width: 100%;
	height: 30px;
	clear: both;
	overflow: hidden;
	padding:0 10px;
	line-height: 30px;
}
.charts_title .label{
	text-align: center;
	background: url(../img/bg_monitoring.png) no-repeat top left;
	width:72px;
	height: 17px;
	line-height: 17px;
	color:#fff;
	margin-top:7px;
	font-size:0.86em;	
}
.risksource_data{
	width: 100%;
	border-top:1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	text-align: center;
    vertical-align: middle;
    border-collapse: collapse;
}
.risksource_data tr td{
	width: 10%;
	height: 60px;
	border: 1px solid #EEEEEE;	
}

.risksource_data tr td span{
	display: block;
	font-size:0.86em;
}
.risksource_data .number {
	font-family: impact;
	font-size:2em;
	color: #808080;
}
.risksource_data .current_number{
  color:#ff6e5f;
}
.chartsbox{
	padding:10px;
	min-height:300px;
	overflow: hidden;
	
			
	}
.chartsbox .charts_pie{
	width: 30%;
	max-width: 350px;
	border:1px solid #DDDDDD;
	margin:0 auto;
	vertical-align: middle;
	margin-right: 1%;

}
.chartsbox .charts_pie img{
	display: block;
	margin:0 auto;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	
}
.chartsbox .charts_table{
	width: 69%;
}

.chartbox .charts_table table{
	width: 100%;
    border-collapse: collapse;

}
.charts_table table tr{
	width: 100%;
	
}
.charts_table table td,.charts_table table th{
	border:1px solid #DDDDDD;
    padding:0.8em 2em;
	text-align: center;
	vertical-align: middle;
	font-size: 0.86em;

}
.charts_table table td{

}
.charts_table table th{
 background-color: #ddebf7;
 color:#333;
 
}
.charts_table .sourcename{
	text-align: left;
}
